﻿@using xConnected.Common.CompanyProfile
@using xConnected.Common.Login
@using xConnected.Common.ExpertProfile
<div class="row" data-bind="visible: $root.company.viewMode">
    <div class="span4">
        @Html.Partial("CompanyProfile/Partial/SearchSidebarCompanyDetails")
    </div>
    <div class="span8">
        <div data-bind="with: company">
            <div data-bind="with:workingCompany">
                <div class="well">
                    <div class="row-fluid">
                        <div class="span3"><img data-bind="attr: {src: $data.Photo()}" alt="Photo" style="width: 150px; height: 150px"></div><div class="span6"></div>
                        <h3 data-bind="text: Title" class="span6"></h3>
                        <span data-bind="html: Description" class="span6"></span>
                    </div>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@CompanyProfile.TagLine</strong></span>
                    <span data-bind="text: TagLine" class="span6"/>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>Phone number</strong></span>
                    <span data-bind="text: PhoneNumber" class="span6"/>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@Login.Email</strong></span>
                    <span data-bind="text: Email" class="span6"></span>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@CompanyProfile.Website</strong></span>
                    <a href="#" data-bind="text: Website, attr: {href: Website}" class="span6"></a>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@Resources.Location</strong></span>
                    <span data-bind="text: Location" class="span6"></span>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div style="height: 150px; width: 250px; margin-bottom: 10px; margin-left: 306px" id="addressCompanyViewMode"></div>
        </div>
        <div data-bind="with: company">
            <div data-bind="with: workingCompany">
                <div class="row-fluid">
                    <span class="span4"><strong>@CompanyProfile.Country</strong></span>
                    <span class="span6" data-bind="with:Country"><span data-bind="text:Description"></span></span>
                </div>
            </div>
        </div>
    </div>
</div>